.box {
    display: flex;
    margin-top: 20rpx;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0.53333rpx 0.53333rpx 1.06667rpx rgb(0 0 0 / 10%);

    >view:first-of-type {
        flex: 1;
        margin-right: 10rpx;

        >image {
            width: 100%;
            height: 200rpx;
        }
    }

    >view:last-of-type {
        flex: 2;
        max-width: 66%;

        >view:first-of-type {
            font-weight: 700;
            font-size: 36rpx;
            // 强制不换行
            white-space: nowrap;
            // 溢出隐藏
            overflow: hidden;
            //超出用省略号限制
            text-overflow: ellipsis;
        }

        >view:last-of-type {
            font-size: 26rpx;
            margin-top: 20rpx;
            word-break: break-all;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 26rpx;
            color: #aaa;
        }
    }

}